<!--公共头部-->
{template 'aitimt/common/header'}
		<style>
			.mui-table-view .mui-media, .mui-table-view .mui-media-body{line-height: 2rem;}
			.mui-table-view .mui-media-object{max-width: 48%;border-radius: 10%;}
			.mui-slider-indicator.mui-segmented-control .mui-control-item {border-bottom: 1px solid rgba(0,0,0,0.05);line-height: 30px;padding: 1px;color: #585858;}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{color: #585858;}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:after{content: '';position: absolute;bottom: 0;height: 3px;width: 23%;display: -webkit-box;margin-left: 5%;background-color: #E94709;}
			.bottom-remind{width: 100%;text-align: center;padding-top: 30%;font-size: 15px;color: #969696;border: 0;}
			.addtime{padding-top: 10px;font-size: 10px;}
			.coin-main{margin-top: 10%;background: url({$aideUrl}app/resource/aitimt/images/coin.png) no-repeat;height:10rem;background-size: 100% 100%;-webkit-background-size: 100% 100%;text-align: center;font-size: 10px;color: #FFFFFF;line-height: 2rem;}
			.coin-sum{padding-top: 15%;font-size: 40px;text-align: center;color: #FFFFFF;}
			.mui-bar-nav~.mui-content{padding: 0;}
			.mui-scroll .mui-table-view{padding-bottom: 20%;}
			.mui-bar-tab .mui-tab-item.mui-active{color: #E94709;}
			.mui-scroll{position: unset;}
			.mui-bar-nav~.mui-content{padding: 0;}
			.mui-bar-nav~.mui-content{padding: 0!important;background: #EFEFF4;}
			.coin-msg{float: left;text-align: center;font-size: 12px;}
			.mui-scroll .mui-table-view .mui-table-view-cell{padding: 5px 15px;}
			.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item{border: 0;}
		</style>
	<!-- 公共头部start -->
	<header class="mui-bar mui-bar-nav">
		<a class="top-return mui-action-back"><img src="{$aideUrl}app/resource/aitimt/images/return.png" ></a>
		<a class="top-logo"><img src="{$aideUrl}app/resource/aitimt/images/logo.png" ></a>
		<!--公共菜单start -->
		{template 'aitimt/common/menu'}
		<!-- 公共菜单end-->
	</header>
	<!-- 公共头部end -->
		<div class="coin-main">
			<div class="coin-sum">{$coin['credit1']}
			</div>
			<span>总积分</span>
		</div>
		<div class="mui-content">
			<div id="slider" class="mui-slider" style="background: #ffffff;">
				<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<a class="mui-control-item mui-active" href="#item1mobile">积分福利</a>
					<a class="mui-control-item" href="#item2mobile">积分清单</a>
					<a class="mui-control-item" href="#item3mobile">积分规章</a>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div class="mui-scroll">
							<div class="bottom-remind">抱歉,福利正在筹备中~</br>快去报名、签到获取积分吧！</div>

							<ul class="mui-table-view">
							</ul>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll">
							<ul class="mui-table-view">
								{if !empty($coinlogs)}
									{loop $coinlogs $coin}
								<li class="mui-table-view-cell">
									<p class="coin-msg mui-col-xs-4">{php echo date('Y-m-d H:i',$coin['createtime'])}</p>
									<p class="coin-msg mui-col-xs-4">{if $coin['store_id']==0}签到{elseif $coin['store_id']==1}报名{elseif $coin['store_id']==2}登录{else}注册{/if}</p>
									<p class="coin-msg mui-col-xs-4">{$coin['num']}</p>
								</li>
									{/loop}
								{else}
								<div class="bottom-remind">抱歉,福利正在筹备中~</br>快去报名、签到获取积分吧！</div>
								{/if}
							</ul>
						</div>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll">
							<ul class="mui-table-view">
								<li class="mui-table-view-cell">
									<p class="coin-msg mui-col-xs-6">加分项</p>
									<p class="coin-msg mui-col-xs-6">分值</p>
								</li>
								<li class="mui-table-view-cell">
									<p class="coin-msg mui-col-xs-6">注册</p>
									<p class="coin-msg mui-col-xs-6">5</p>
								</li>
								<li class="mui-table-view-cell">
									<p class="coin-msg mui-col-xs-6">登录</p>
									<p class="coin-msg mui-col-xs-6">1</p>
								</li>
								<li class="mui-table-view-cell">
									<p class="coin-msg mui-col-xs-6">签到</p>
									<p class="coin-msg mui-col-xs-6">5</p>
								</li>
								<li class="mui-table-view-cell">
									<p class="coin-msg mui-col-xs-6">报名(免费赛事除外)</p>
									<p class="coin-msg mui-col-xs-6">5</p>
								</li>
							</ul>

						</div>
					</div>
				</div>
			</div>
		</div>

<script type="text/javascript">
			mui.init({
				swipeBack: false
			});
			(function($) {
				$('.mui-scroll-wrapper').scroll({
					indicators: true //是否显示滚动条
				});
				document.getElementById('slider').addEventListener('slide', function(e) {
				});
				var sliderSegmentedControl = document.getElementById('sliderSegmentedControl');
				$('.mui-input-group').on('change', 'input', function() {
					if (this.checked) {
						sliderSegmentedControl.className = 'mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-' + this.value;
						//force repaint
						sliderProgressBar.setAttribute('style', sliderProgressBar.getAttribute('style'));
					}
				});
			})(mui);
		</script>

	</body>

</html>
